<script lang="ts">
	import type { PageData } from './$types';
	/** @type {import('./$types').PageServerData} */
	export let data: PageData;
</script>

<svelte:head>
	<title>{data.article.title}</title>
</svelte:head>

<main class="max-w-3xl p-4 my-0 mx-auto">
	<h1 class="text-orange-600 transform text-7xl">{data.article.title}</h1>
	<div>时间：{data.article.publishTime} 浏览量：{data.article.viewCount}</div>
	<p>{@html data.article.html}</p>
</main>

<style lang="less">
	@media (min-width: 480px) {
		h1 {
			max-width: none;
		}
	}
</style>
